19 Awesome Code jQuery Slideshow Examples

1. Responsive Gridfolio

featured image

In examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that code of this examples is provided in the download files). Pure OOP JavaScript code, usage jQuery or other libraries, in this way there will be no incompatibilities HTML pages that might be using jQuery or other JavaScript libraries. Slideshow button (optional). Slideshow delay, the delay of slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. jquery Slider Zoom In/Out Effect Fully Responsive

featured image

– small code improvements. banner rotator, caption, fluid, gallery, image, jquery, mobile, ios, plugin, resizable, responsive, slider, slideshow, swipe, touch

More Details

4. FrameIt - Responsive jQuery Plugin

featured image

FrameIt – Responsive jQuery plugin frame images

Code generator demo

Auto slideshow with images

jQuery effects included

Powered by jQuery & JavaScript

Code generator UI – Done

Added code generator interface

More Details

5. Sky jQuery Touch Carousel

featured image

Sky jQuery Touch Carousel a jQuery carousel plugin rich set of features. Auslideshow and loop. (Non-minified JavaScript source code)

More Details

6. Jssor Slider No-jQuery Version, TOUCH RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/captianimation when touch

If slideshow or captianimation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/captianimation when release touch

If slideshow or captianimation is frozen, animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssslider comes with 360+ impressive slideshow effects/transitions

All UI is fully under control html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat

Any html code can be placed inside slide

Javascript code deep compression by smart compressiengine

Auto slideshow with optional pause on hover

SEO friendly, any html code can be added to each slide, all are exposed directly search engine

Cut/Paste slider code snippet

Blogger friendly, just copy/paste code snippet to publish blogger post

More Details

7. Titan Lightbox

featured image

It is built around jQuery & HTML5 and is both easy to implement and customize.Slideshow for galleries with autoplay.Clean and very lightweight code.

More Details

8. Shuffling Tiles jQuery Plugin

featured image

code samples and diagrams.

More Details

9. Slideshare Embed By Url

featured image

jQuery plugin easy embeding slideshows from Slideshare.Plugin using cross domain connection with slideshare API by script tag embeding method (slideshare callback), embed code to Your container remove slideshare API script tag for this request.

More Details

10. jQuery Hotspot Plugin with Slideshow

featured image

You can use thjQuery Hotspot Plugin in a product introduction image showcase, which support the HTML auto slideshow slideshow and can trigger by click or hover.Auto delay slideshow, hover to pause.jQuery OneByOne Slider Plugin:

jQuery http://jquery.Popover is from Twitter Bootstrap we use only part of the necessary code, so it’s lightweight.

More Details

11. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. In examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that code of this examples is provided in the download files). Pure OOP JavaScript code, no usage jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow PhoGallery using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

12. Nova Gallery - Responsive HTML5 Multimedia Gallery

featured image

You can also have a slideshow of the items in the Full-width mode. Thslideshow stops whenever browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports HTML5 Page Visibility Api). You can start the slideshow in Full-width mode when gallery first loads. The time interval for which a particular item is visible during slideshow can be set.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. gallery script has been tested and is fully compatible with jQuery 1. and jquery 2. Modified the code account for escaping of characters in the cached xml file (when pulling images from Flickr/Picasa) if magic quotes in the server were turned on. Updated the jQuery masonry plugin so that it is compatible with jquery v1. gallery now is fully compatible with jquery 1.9+ including jquery 2.

More Details

13. Ether Grid Slider jQuery Plugin

featured image

Ether Grid Slider is an extremally functional jQuery plugin designed for transforming any type content into practical grids and/or sliders.Main focus of thplugin is to facilitate creation of grids and sliders out of any content and being as little invasive on code output as possible.com (please include your item purchase code along with the problem description)

Fixed: jQuery 2.

More Details

14. iLightBox · Revolutionary Lightbox Plugin

featured image

iLightBox allows you to easily create the most beautiful responsive overlay windows using jQuery JavaScript library.jQuery capabilities.“iLightBox is real great plug! i don’t find a system to open slideshow with only one thumb… great work”—Ciccio Pasticcio

I don’t support 3rd-party code (external plugins, javascripts, flash players, etc.

More Details

15. Zuper Responsive Multitouch Slider

featured image

Light Weight Code, Fast Render, Fast Loading, great Design and Scalability

ZuperSlider Jquery powered. code is 100% handcraft and it was built with the purpose of offering Light Weight Code, Fast Render, Fast Loading, great Design and Scalability

More Details

16. Rockstar Slider - jQuery touch slider/gallery

featured image

Rockstar TSlider is a script creating simple and minimalistic slider or a slideshow. <div class="slideshow">

That is all you need to make slideshow work! No javascript code is needed and no external CSS file. All you need to do is put the HTML code with the class “rockstar-slider” and include the script.

More Details

17. Evo Slider Pro - jQuery Slider Plugin

featured image

Evo Slider Pro – jQuery Slideshow & Content Slider Plugin

Evo Slider is an all in one jQuery slider that lets you create any type of slider jQuery plugin and give you the flexibility to use it in a variety of ways – whether you’re building anything from an image gallery, to a banner rotator and lots of things in-between.Evo Slider is the best, and probably last jQuery slider plugin you’ll ever need. without coding any JavaScript code at all. Support old jQuery library.

More Details

18. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or captianimation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or captianimation is frozen, animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssslider comes with 360+ impressive slideshow effects/transitions

All UI is fully under control html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat

Any html code can be placed slide

Javascript code deep compression smart compression engine

Auto slideshow with optional pause on hover

SEO friendly, any html code can be added to each slide, all are exposed directly to blogger search engine

Cut/Paste slider code snippet

More Details

19. HoverSlider - a responsive hover effect slider

featured image

Use images and add your custom HTML code (sliding from any directions)

Automatic slideshow with pause hover function

More Details

20. Versatile Touch Slider

featured image

Versatile Touch Slider is a wordpress jQuery slider that offers a variety of options. CSS3 Animations / jQuery Fallback;

code changes for compatibility with jQuery 1.It was made a change in the code, which eliminates any conflict between the drag event and click event.

More Details